.writing_nav{ position: fixed; left: 94px; bottom: 0; width: 180px; background: #f3f6fe; height: calc(100vh - 62px); box-shadow: 4px 6px 29px rgba(0,0,0,.06); z-index: 1;}
.writing_nav .writing_nav_con{  padding: 13px; padding-top: 100px;}
.writing_nav .writing_nav_list{ font-size: 15px; color: #474b5a; display: flex; align-items: center; border-radius: 6px; height: 40px; padding-left: 20px; margin-bottom: 15px; cursor: pointer;}
.writing_nav .writing_nav_list:last-child{ margin-bottom: 0;}
.writing_nav .writing_nav_list.active{ color: #3662eb; background: #e8eeff;}
.writing_nav .writing_nav_list.active::before{ background: #3662eb;}
.writing_nav .writing_nav_list:hover{ color: #3662eb; background: #e8eeff;}
.writing_nav .writing_nav_list:hover::before{ background: #3662eb;}
.writing .writing_right{ padding-left: 180px; height: calc(100vh - 210px); position: relative;}

.writing_nav .writing_nav_list span{ display: flex; align-items: center; justify-content: center; position: relative; margin-right: 12px;}
.writing_nav .writing_nav_list span img{ width: 18px;}
.writing_nav .writing_nav_list span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;}
.writing_nav .writing_nav_list.active span img{ opacity: 0;}
.writing_nav .writing_nav_list.active span img:last-child{ opacity: 1;}